body{font-family:sans-serif;color:#000000;background-color:#f0f0f0;text-align:center;font-size:80%;}

#page{border-radius:0 0 10px 10px;width:1000px;margin:0 auto;clear:both;border:1px solid #d5d3d0;
      background:#fff url(_img/degrade-gris.png) repeat-x;padding-top:24px;text-align:center;}

#menu{width:1000px;background:#00ffff;margin:0 auto;margin-top:10px;height:50px;
      border:1px solid #d5d3d0;border-width:1px 1px 0 1px;border-radius:10px 10px 0 0;}
.logo{float:left;height:48px;padding:0 20px 0 4px;}
.menu{float:left;width:100px;height:35px;text-align:center;padding-top:15px;}
.menu a{display:block;height:32px;padding-top:3px;font:normal 10px verdana, sans-serif;}
.menu a:link, .menu a:visited{color:#000;text-decoration:none;background:#abc url(_img/menu_gris.png);}
.menu a:hover, .menu a:active, .menu a:focus{background:#abc url(_img/menu_vert.png);}
.menu#activ a:link, .menu#activ a:visited{background:#abc url(_img/menu_bleu.png);font-weight:bold;}

div{border-radius:10px;-moz-border-radius:10px;padding:0;margin:0;}
div.ligne{clear:both;height:10px;}
div.marge040{float:left;width:040px;height:10px;}
div.marge080{float:left;width:080px;height:10px;}
div.marge120{float:left;width:120px;height:10px;}
div.marge160{float:left;width:160px;height:10px;}
div.marge200{float:left;width:200px;height:10px;}
div.marge240{float:left;width:240px;height:10px;}
div.marge280{float:left;width:280px;height:10px;}
div.marge320{float:left;width:320px;height:10px;}
div.marge360{float:left;width:360px;height:10px;}
div.marge400{float:left;width:400px;height:10px;}
div.marge440{float:left;width:440px;height:10px;}
div.marge480{float:left;width:480px;height:10px;}
div.div150x80{float:left;width:150px;height:80px;font-size:70%;}
div.div80x50{float:left;width:80px;height:50px;font-size:70%;}
div.div70x50{float:left;width:70px;height:50px;font-size:70%;}
div.div96x88{float:left;width:92px;height:88px;font-size:70%;padding:2px;}
div.centre{clear:both;float:none;margin-left:auto;margin-right:auto;}
div.notice{margin-left:174px;margin-right:174px;color:gray;font-family:sans-serif;font-size:x-small;font-style:italic;text-align:justify;}
div.programmes{margin-left:104px;margin-right:104px;height:146px;font-family:monospace;font-size:small;text-align:left;}
div.nouveautes{margin-left:20px;margin-right:20px;height:140px;font-family:sans-serif;font-size:small;text-align:left;}

div#liste{clear:both;overflow:auto;padding:0 20px 0 20px;background-color:#F8F8F8;}
div#nota{clear:both;margin-left:40px;margin-right:30px;text-align:justify;font-size:75%;}
div#remerciements{clear:both;margin-left:100px;margin-right:100px;text-align:justify;}
div#accueil{clear:both;margin-left:30px;margin-right:30px;text-align:justify;font-style:italic;color:#404040;}

table{font-size:80%;text-align:center;padding-bottom:20px;margin:0 auto;}
h1{font-size:150%;width:920px;margin:0 auto;} 
h2{font-size:150%;background-color:#e8e8e8;width:920px;margin:0 auto;} 
h3{font-size:100%;width:920px;margin:10px auto;} 
hr{height:2px;width:980px;border-width:0px;margin:5px auto 5px auto;background-color:#e8e8e8; }

p{padding:2px;margin:0;margin-left:auto;margin-right:auto;}
p#retour{font-size:80%;text-align:left;}
p#footer{font-size:90%;font-weight:bold;}
p#titre1{font-size:160%;color:black;padding:4px;}
p#titre2{font-size:90%;color:#404040;padding:4px;}
p#compteur{font-size:80%;color:#404040;padding:4px;}

img{margin:0px;padding:0px;border-style:none;}
img.icon{border:1px solid #D5D3D0;}
img.doc{border:1px solid #D5D3D0; margin-left:6px; margin-right:6px;}
img.screenshot{width:144px;height:108px;border:1px solid #D5D3D0;margin:2px;}
img.screenshot:hover{width:336px;height:270px;margin-top:-81px;margin-bottom:-81px;margin-left:-94px;margin-right:-94px;position:relative;z-index:8;}
img.screen{width:178px;height:177px;margin:20px 2px 0px 2px;}
img.ordinateur1{width:220px;height:80px;padding:0 73px 20px 73px;}
img.ordinateur2{width:266px;height:80px;padding:0 50px 20px 50px;}
img.cover{height:250px;padding:12px 4px 12px 4px;}
img.cover:hover{height:580px;margin-top:-330px;margin-left:-100px;margin-right:-100px;position:relative;z-index:8;}
img.disk{height:100px;padding:12px 4px 12px 4px;}
img.disk:hover{height:250px;margin-top:-150px;margin-left:-100px;margin-right:-100px;position:relative;z-index:8;}
img.left{padding-right:32px;vertical-align:-6px;}
img.right{padding-left:32px;vertical-align:-6px;}

a{text-decoration:none;color:#808080;}
a:hover{color:black;}


/* menu de selection des programmes */
#index{position:relative;z-index:10;font-size:100%;}
#index a{text-decoration:none;}
#index ul{margin:0 0 -8px 365px;list-style-type:none;padding:4px;}
#index li{float:left;position:relative;padding:0px 12px 0px 12px;border-right:1px solid #FFFFFF;background-color:#304090;color:#FFFFFF;}
#index ul ul{position:absolute;left:-999em;width:164px;background-color:#fff;padding:0;margin:-2px 0 0 0;border:1px solid #ddd;}
#index ul ul li{clear:both;font-size:90%;text-align:left;color:#888;background-color:#fff;margin:0;border:0;}
#index ul ul li:hover{background-color:#eee;}
#index li:hover{background-color:#0000FF;}
#index li:hover ul{left:0;top:16px;}

.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}